<%-- 
    Document   : index
    Created on : 08/06/2013, 03:45:20 PM
    Author     : SP43791044
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Delivery Company</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="${sessionScope.contexto}/stylesheets/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${sessionScope.contexto}/javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="${sessionScope.contexto}/javascript/jquery.gallerax-0.2.js"></script>
<style type="text/css">
@import "${sessionScope.contexto}/stylesheets/gallery.css";
</style>
</head>
<body>
    <script type="text/javascript">
        function buscarLucales(obj){
            alert(obj.selectDistrito.value)
        }
        
    </script>
<form>
<div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1><a href="#">Delivery Company</a></h1>
			<h2><a href="#">El gusto de atenderlo</a></h2>
		</div>
		<!-- end div#logo -->
		<div id="menu">
			<ul>
				<li class="active"><a href="#">Home</a></li>
			</ul>
		</div>
		<!-- end div#menu -->
	</div>
       			
	<div>
		<div id="gallery">
			<div id="gallery-wrapper"><img class="output" src="${sessionScope.contexto}/images/img01.jpg" width="512" height="202" alt="" />
				<div class="caption-box"> 
					<span class="caption">
						Escoge tu distrito
                                                <select name="selectDistrito" onchange="buscarLucales(this.form)">
                                                    <option value="0">Seleccione un distrito</option>
                                                    <c:forEach var="distrito" items="${sessionScope.distritoList}">
                                                        <option value="${distrito.idDistrito}">${distrito.nombreDistrito}</option>
                                                    </c:forEach>
						</select>
					</span>
					<span class="caption2">
						Escoge Local
						<select  size="4" style="color:black; width:300PX;" name="selectLocal">
							<option value="1"> <span class="caption2">Local1</span> </option>
							<option value="2"> <span class="caption2">Local2</span> </option>
						<select>
					</span>
				</div>
				<br class="clear" />
			</div>
		</div>
		
		<!-- end -->
	</div>
	<div id="page">
		<div id="page-bgtop">
			<div id="content">
				<div class="post">
					<h2 class="title"><a href="#">Local1</a></h2>
					<p class="byline">Actualizado 06/06/2013</p>
					<div class="entry">
						<p>Ubicado en el distrito de San Isidro, este local ofrece una variedad de menus.</p>						
						<p>Hacemos delivery para San Isidro y Miraflores</p>
						<p>Horario de Atención: L-V 9:00 a.m. a 2:00 p.m.</p>
						<p>5 entradas / 3 segundos</p>						
					</div>
				</div>
				
			</div>
			<!-- end div#content -->
			<div id="sidebar">
				<ul>
					
					<li>
						<h2>Menus del día</h2>
						<ul>
							<li>
								<a href="#">
									<b>Entrada:</b><br> Ensalada <br><b>Segundo:</b><br> Lomo Saltado <br><b>Postre y Refresco:</b><br> Refresco de piña y Gelatina
								</a>
							</li>
						</ul>
					</li>
					
				</ul>
			</div>
			<!-- end div#sidebar -->
			<div style="clear: both; height: 1px"></div>
		</div>
	</div>
	<!-- end div#page -->
</div>
</form>
<!-- end div#wrapper -->
<div id="footer">
	<p id="legal">Copyright &copy; 2013 Delivery Company. All Rights Reserved. Designed by Delivery Company.</p>
	<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end div#footer -->
</body>
</html>
